<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<link rel="stylesheet" href="./font/iconfont.css">
<link rel="stylesheet" href="./css/reset.min.css">
<link rel="stylesheet" href="./css/index.css">

<body>
    <!--顶部栏-->
    <div class="header">
        <div class="header_left">
            <span class="dingwei iconfont icon-dingwei"></span>
            <span>北京</span>
            <button>切换城市</button>
            <div class="load1">
                [<a href="#">门头沟区</a>
                <a href="#">廊坊</a>
                <a href="#">大广回族自治县</a>]
            </div>
            <div class="load">
                <a href="#">立即登录</a>
                <a href="#">注册</a>
            </div>
        </div>
        <div class="header_right">
            <div class="right1 rightAll">
                <a>我的美团</a>
                <ul class="right11">
                    <a>
                        <li><a>我的订单</a></li>
                        <li><a>我的收藏</a></li>
                        <li><a>抵用券</a></li>
                        <li><a>账户设置</a></li>
                    </a>
                </ul>
            </div>
            <div class="right2 rightAll">
                <a>手机APP</a>
            </div>
            <div class="right3 rightAll">
                <a>商家中心</a>
                <ul class="right33">
                    <a>
                        <li><a>美团餐饮商户中心</a></li>
                        <li><a>登录商家中心</a></li>
                        <li><a>美团智能收银</a></li>
                        <li><a>我想合作</a></li>
                        <li><a>手机免费开店</a></li>
                        <li><a>到店综合业务招募</a></li>
                        <li><a>餐饮合作商招募</a></li>
                        <li><a>商家申请开票</a></li>
                        <li><a>免费合作美团排队</a></li>
                    </a>

                </ul>
            </div>
            <div class="right1 rightAll">
                <a>美团规则</a>
                <ul class="right11">
                    <a>
                        <li><a>规则中心</a></li>
                        <li><a>规则目录</a></li>
                        <li><a>规则评议院</a></li>
                    </a>
                </ul>
            </div>
            <div class="right5 rightAll">
                <a>网站导航</a>
                <div class="right5_child">
                    <div class="right5_child_1">
                        <dt>酒店旅游</dt>
                        <dd class="right_dd"><a>国际机票</a></dd>
                        <dd class="right_dd"><a>火车票</a></dd>
                        <dd class="right_dd"><a>民宿</a></dd>
                        <dd><a>经济型酒店</a></dd>
                        <dd><a>主题酒店</a></dd>
                        <dd><a>商务酒店</a></dd>
                        <dd><a>公寓</a></dd>
                        <dd><a>豪华酒店</a></dd>
                        <dd><a>客栈</a></dd>
                        <dd><a>青年旅社</a></dd>
                        <dd><a>度假酒店</a></dd>
                        <dd><a>别墅</a></dd>
                        <dd><a>农家院</a></dd>
                    </div>
                    <div class="right5_child_2">
                        <dt>吃美食</dt>
                        <dd class="right_dd"><a>烤鱼</a></dd>
                        <dd class="right_dd"><a>特色小吃</a></dd>
                        <dd><a>烧烤</a></dd>
                        <dd><a>自助餐</a></dd>
                        <dd><a>火锅</a></dd>
                        <dd><a>奖券</a>
                        </dd>
                    </div>
                    <div class="right5_child_3">
                        <dt>看电影</dt>
                        <dd class="right_dd"><a>热映电影</a></dd>
                        <dd><a>热门影院</a></dd>
                        <dd><a>热映电影口碑榜</a></dd>
                        <dd><a>最受期待电影</a></dd>
                        <dd><a>国内票房榜</a></dd>
                        <dd><a>北美票房榜</a></dd>
                        <dd><a>电影排行榜</a></dd>
                    </div>
                    <div class="right5_child_4">
                        <dt>手机应用</dt>
                        <dd>
                            <a><img src="./images/headimg/meituan.png"></a>
                        </dd>
                        <dd>
                            <a><img src="./images/headimg/waimai.png"></a>
                        </dd>
                        <dd>
                            <a><img src="./images/headimg/circle.png"></a>
                        </dd>
                        <dd>
                            <a><img src="./images/headimg/dianping.png"></a>
                        </dd>
                        <dd>
                            <a><img src="./images/headimg/maoyan.png"></a>
                        </dd>
                    </div>
                    <!-- <dl>

                        <dt>手机应用</dt>
                        <dd><a><img src="./images/headimg/meituan.png"></a></dd>
                        <dd><a><img src="./images/headimg/waimai.png"></a></dd>
                        <dd><a><img src="./images/headimg/circle.png"></a></dd>
                        <dd><a><img src="./images/headimg/dianping.png"></a></dd>
                        <dd><a><img src="./images/headimg/maoyan.png"></a></dd>

                    </dl> -->
                </div>
            </div>
        </div>
    </div>
    <div class="white">
        <div class="search">
            <div class="search_left">
                <a><img src="./images/logo.png"></a>
                <input type="search" placeholder="&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;搜索商家或地点">
                <img src="./images/search.png" class='img1'>
            </div>
        </div>
        <div class="title">
            <a href="">
                <h2 class="hh1">美团外卖</h2>
            </a>
            <a href="">
                <h2 class="hh2">猫眼电影</h2>
            </a>
            <a href="">
                <h2 class="hh2">美团酒店</h2>
            </a>
            <a href="">
                <h2 class="hh1">民宿 / 公寓</h2>
            </a>
            <a href="">
                <h2 class="hh1">商家入驻</h2>
            </a>
            <a href="">
                <h2 class="hh2">美团公益</h2>
            </a>
        </div>
    </div>
    <div class="big">
        <!--侧边栏及轮播图-->
        <div class="main clearfix">
            <div class="type-father">
                <div class="type">
                    <h2>全部分类</h2>
                    <ul>
                        <li>
                            <i class="iconfont icon-fenzu orange"></i>
                            <span>美食</span>
                            <i class="jiantou iconfont  icon-youjiantou1"></i>
                        </li>
                        <li>
                            <i class="iconfont icon-meituan  orange"></i>
                            <span>外卖</span>
                            <i class="jiantou iconfont  icon-youjiantou1"></i>
                        </li>
                        <li>
                            <i class="iconfont icon-jiudian zong"></i>
                            <span>酒店</span>&nbsp;&nbsp;<button>HOT</button>
                            <i class="jiantou iconfont  icon-youjiantou1"></i>
                        </li>
                        <li>
                            <i class="iconfont icon-minsu orange"></i>
                            <span>民宿</span>
                            <i class="jiantou iconfont  icon-youjiantou1"></i>
                        </li>
                        <li>
                            <i class="iconfont icon-maoyandianying red"></i>
                            <span>猫眼电影</span>
                            <i class="jiantou iconfont  icon-youjiantou1"></i>
                        </li>
                        <li>
                            <i class="iconfont icon-jipiaohuochepiao blue"></i>
                            <span>机票 / 火车票</span>
                            <i class="jiantou iconfont  icon-youjiantou1"></i>
                        </li>
                        <li>
                            <i class="iconfont icon-ktvtianchong green"></i>
                            <span>休闲娱乐 / KTV</span>
                            <i class="jiantou iconfont  icon-youjiantou1"></i>
                        </li>
                        <li>
                            <i class="iconfont icon-shenghuofuwu green"></i>
                            <span>生活服务</span>
                            <i class="jiantou iconfont  icon-youjiantou1"></i>
                        </li>
                        <li>
                            <i class="iconfont icon-liren pink"></i>
                            <span>丽人 / 美发 / 医学美容</span>
                            <i class="jiantou iconfont  icon-youjiantou1"></i>
                        </li>
                        <li>
                            <i class="iconfont icon-jiehun pink"></i>
                            <span>结婚 / 婚摄摄影 / 婚宴</span>
                            <i class="jiantou iconfont  icon-youjiantou1"></i>
                        </li>
                        <li>
                            <i class="iconfont icon-qinzi pink"></i>
                            <span>亲子 / 儿童乐园 / 幼教</span>
                            <i class="jiantou iconfont  icon-youjiantou1"></i>
                        </li>
                        <li>
                            <i class="iconfont icon-yaling blue"></i>
                            <span>运动健身 / 健身中心</span>
                            <i class="jiantou iconfont  icon-youjiantou1"></i>
                        </li>
                        <li>
                            <i class="iconfont icon-jiazhuang green"></i>
                            <span>家装 / 建材 / 家居</span>
                            <i class="jiantou iconfont  icon-youjiantou1"></i>
                        </li>
                        <li>
                            <i class="iconfont icon-juxing31kaobei green study"></i>
                            <span>学习培训 / 音乐培训</span>
                            <i class="jiantou iconfont  icon-youjiantou1"></i>
                        </li>
                        <li>
                            <i class="iconfont icon--s-yiliaojiankang blue"></i>
                            <span>医疗健康 / 宠物 / 爱车</span>
                            <i class="jiantou iconfont  icon-youjiantou1"></i>
                        </li>
                        <li>
                            <i class="iconfont icon-jiuba green"></i>
                            <span>酒吧 / 密室逃脱</span>
                            <i class="jiantou iconfont  icon-youjiantou1"></i>
                        </li>
                    </ul>
                    <div class="details">
                        <div class="box1 clearfix">
                            <span>美食</span>
                            <a>更多></a>
                        </div>
                        <div class="box2 clearfix">
                            <a>代金券</a>
                            <a>甜点饮品</a>
                            <a>火锅</a>
                            <a>自助餐</a>
                            <a>小吃快餐</a>
                            <a>日韩料理</a>
                            <a>西餐</a><br>
                            <a>聚餐宴请</a>
                            <a>烧烤烤肉</a>
                            <a>东北菜</a>
                            <a>川湘菜</a>
                            <a>江浙菜</a><br>
                            <a>香锅烤鱼</a>
                            <a>粤港菜</a>
                            <a>中式烧烤/烤串</a>
                            <a>西北菜</a><br>
                            <a>咖啡酒吧茶馆</a>
                            <a>云贵菜</a>
                            <a>东南亚菜</a>
                            <a>海鲜</a>
                            <a>素食</a><br>
                            <a>台湾/客家菜</a>
                            <a>创意菜</a>
                            <a>汤/粥/炖菜</a>
                            <a>蒙餐</a>
                            <a>新疆菜</a><br>
                            <a>其他美食</a>
                            <a>京菜鲁菜</a>
                        </div>
                    </div>
                    <div class="details">
                        <div class="box1 clearfix">
                            <span>外卖</span>
                            <a>更多></a>
                        </div>
                        <div class="box2 clearfix">
                            <a>美团外卖</a>

                        </div>
                    </div>
                    <div class="details">
                        <div class="box1 clearfix">
                            <span>酒店星级</span>
                            <a>更多></a>
                            <hr>
                        </div>
                        <div class="box2 clearfix">
                            <a>经济型</a>
                            <a>舒适/三星</a>
                            <a>高档/四星</a>
                            <a>豪华/五星</a>
                        </div>
                    </div>
                    <div class="details">
                        <div class="box1 clearfix">
                            <span>热门城市</span>
                            <a>更多></a>
                        </div>
                        <div class="box2 clearfix">
                            <a>上海</a>
                            <a>成都</a>
                            <a>北京</a>
                            <a>重庆</a>
                            <a>南京</a>
                            <a>杭州</a>
                            <a>广州</a>
                            <a>西安</a><br>
                            <a>武汉</a>
                            <a>厦门</a>
                            <a>长沙</a>
                            <a>青岛</a>
                            <a>深圳</a>
                            <a>天津</a>
                            <a>苏州</a>
                        </div>
                        <div class="box1 clearfix">
                            <span>热门房源</span>
                            <a>更多></a>
                        </div>
                        <div class="box2 clearfix">
                            <a>复式Loft</a>
                            <a>别墅</a>
                        </div>
                    </div>
                    <div class="details">
                        <div class="box1 clearfix">
                            <span>热映电影</span>
                            <a>更多>
                            </a>
                        </div>
                        <div class="box2 clearfix">
                            <a>满江红</a>
                            <a>流浪地球2</a>
                            <a>黑豹2</a>
                            <a>深海</a>
                            <a>风再起时</a><br>
                            <a>熊出没·伴我 "熊芯"</a>
                            <a>无名</a>
                            <a>不能流泪的悲伤</a><br>
                            <a>交换人生</a>
                            <a>阿凡达：水之道</a>
                        </div>
                    </div>
                    <div class="details">
                        <div class="box1 clearfix">
                            <span>机票</span>
                            <a>更多>
                            </a>
                        </div>
                        <div class="box2 clearfix">
                            <a>国内机票</a>
                            <a>国际/港澳台机票</a>
                        </div>
                        <div class="box1 clearfix">
                            <span>火车票</span>
                            <a>更多>
                            </a>
                        </div>
                        <div class="box2 clearfix">
                            <a>火车票</a>
                        </div>
                    </div>
                    <div class="details">
                        <div class="box1 clearfix">
                            <span>休闲娱乐</span>
                            <a>更多></a>
                        </div>
                        <div class="box2 clearfix">
                            <a>足疗按摩</a>
                            <a>洗浴/汗蒸</a>
                            <a>酒吧</a>
                            <a>密室逃脱</a>
                            <a>轰趴馆</a>
                            <a>茶馆</a><br>
                            <a>私人影院</a>
                            <a>DIY手工坊</a>
                            <a>采摘/农家乐</a>
                            <a>网吧网咖</a><br>
                            <a>游乐游艺</a>
                            <a>VR</a>
                            <a>桌面游戏</a>
                            <a>真人CS</a>
                            <a>棋牌室</a>
                            <a>其他玩乐</a>
                        </div>
                        <div class="box1 clearfix">
                            <span>KTV</span>
                            <a>更多></a>
                        </div>
                        <div class="box2 clearfix">
                            <a>KTV</a>
                        </div>
                    </div>
                    <div class="details">
                        <div class="box1 clearfix">
                            <span>生活服务</span>
                            <a>更多></a>
                        </div>
                        <div class="box2 clearfix">
                            <a>衣物/皮具洗护</a>
                            <a>家政</a>
                            <a>搬家运输</a>
                            <a>送水</a>
                            <a>充值缴费</a><br>
                            <a>服饰/鞋包养护</a>
                            <a>开锁换锁</a>
                            <a>居家维修</a>
                            <a>管道疏通</a><br>
                            <a>家电维修清洗</a>
                            <a>电脑维修</a>
                            <a>手机维修</a>
                            <a>证件照/肖像摄影</a><br>
                            <a>照片冲印/图文文印</a>
                            <a>商务服务/法律服务</a>
                            <a>文化传媒机构</a><br>
                            <a>用品/用品</a>
                        </div>
                    </div>
                    <div class="details">
                        <div class="box1 clearfix">
                            <span>丽人</span>
                            <a>更多></a>
                        </div>
                        <div class="box2 clearfix">
                            <a>美发</a>
                            <a>美甲美瞳</a>
                            <a>美容美体</a>
                            <a>医学美容</a>
                            <a>瑜伽舞蹈</a><br>
                            <a>瘦身纤体</a>
                            <a>韩式定妆</a>
                            <a>祛痘</a>
                            <a>纹身</a>
                            <a>化妆品</a>
                            <a>养发</a>
                        </div>
                    </div>
                    <div class="details">
                        <div class="box1 clearfix">
                            <span>结婚</span>
                            <a>更多></a>
                        </div>
                        <div class="box2 clearfix">
                            <a>婚纱摄影</a>
                            <a>旅拍</a>
                            <a>个性写真</a>
                            <a>婚宴</a>
                            <a>婚庆公司</a>
                            <a>婚纱礼服</a><br>
                            <a>西服定制</a>
                            <a>婚戒首饰</a>
                            <a>婚车租赁</a>
                            <a>司仪主持</a>
                            <a>彩妆造型</a><br>
                            <a>婚纱跟拍</a>
                            <a>婚礼小礼品</a>
                            <a>更多婚纱服务</a>
                        </div>
                    </div>
                    <div class="details">
                        <div class="box1 clearfix">
                            <span>儿童乐园</span>
                            <a>更多></a>
                        </div>
                        <div class="box2 clearfix">
                            <a>婴儿游泳</a>
                            <a>其它亲子游乐</a>
                        </div>
                        <div class="box1 clearfix">
                            <span>幼儿教育</span>
                            <a>更多></a>
                        </div>
                        <div class="box2 clearfix">
                            <a>早教中心</a>
                            <a>少儿英语</a>
                            <a>智力开发</a>
                            <a>托班/幼儿园</a>
                            <a>幼儿教育</a><br>
                            <a>其他幼儿教育</a>
                        </div>
                        <div class="box1 clearfix">
                            <span>亲子摄影</span>
                            <a>更多></a>
                        </div>
                        <div class="box2 clearfix">
                            <a>儿童摄影</a>
                            <a>孕妇写真</a>
                            <a>上门拍</a>
                            <a>其他亲子摄影</a>
                        </div>
                        <div class="box1 clearfix">
                            <span>孕产护理</span>
                            <a>更多></a>
                        </div>
                        <div class="box2 clearfix">
                            <a>月子会所</a>
                            <a>产后恢复</a>
                            <a>妇幼医院</a>
                            <a>孕产用品</a>
                            <a>开奶催乳</a><br>
                            <a>月嫂</a>
                            <a>亲子购物</a>
                            <a>宝宝派对</a>
                            <a>亲子服务</a>
                        </div>
                    </div>
                    <div class="details">
                        <div class="box1 clearfix">
                            <span>运动健身</span>
                            <a>更多></a>
                        </div>
                        <div class="box2 clearfix">
                            <a>健身中心</a>
                            <a>武术场馆</a>
                            <a>游泳馆</a>
                            <a>羽毛球馆</a>
                            <a>溜冰场</a><br>
                            <a>射箭馆</a>
                            <a>篮球场</a>
                            <a>网球馆</a>
                            <a>台球馆</a>
                            <a>乒乓球</a>
                            <a>足球场</a><br>
                            <a>高尔夫场</a>
                            <a>保龄球馆</a>
                            <a>体育场馆</a>
                            <a>马术馆</a>
                            <a>壁球馆</a><br>
                            <a>更多运动</a>
                        </div>
                    </div>
                    <div class="details">
                        <div class="box1 clearfix">
                            <span>装修设计</span>
                            <a>更多></a>
                        </div>
                        <div class="box2 clearfix">
                            <a>半包装修</a>
                            <a>全包装修</a>
                            <a>清包装修</a>
                        </div>
                        <div class="box1 clearfix">
                            <span>装修建材</span>
                            <a>更多></a>
                        </div>
                        <div class="box2 clearfix">
                            <a>地板</a>
                            <a>瓷砖石材</a>
                            <a>橱柜</a>
                            <a>灯饰照明</a>
                            <a>厨卫洁具</a>
                            <a>油漆涂料</a><br>
                            <a>集成吊顶</a>
                            <a>墙纸墙艺</a>
                            <a>门窗</a>
                            <a>木材板材</a>
                            <a>家用五金</a><br>
                            <a>电工电料</a>
                            <a>楼梯</a>
                            <a>管材管件</a>
                        </div>
                        <div class="box1 clearfix">
                            <span>家具家居</span>
                            <a>更多></a>
                        </div>
                        <div class="box2 clearfix">
                            <a>家居</a>
                            <a>床上用品/家纺</a>
                            <a>家居饰品</a>
                            <a>厨具餐具</a>
                            <a>智能家居</a>
                        </div>
                        <div class="box1 clearfix">
                            <span>家装卖场</span>
                            <a>更多></a>
                        </div>
                        <div class="box2 clearfix">
                            <a>建材卖场</a>
                            <a>家居卖场</a>
                            <a>灯饰卖场</a>
                        </div>
                    </div>
                    <div class="details">
                        <div class="box1 clearfix">
                            <span>音乐培训</span>
                            <a>更多></a>
                        </div>
                        <div class="box2 clearfix">
                            <a>钢琴</a>
                            <a>吉他</a>
                            <a>小提琴</a>
                            <a>古筝</a>
                            <a>架子鼓</a>
                            <a>声乐</a><br>
                            <a>其他音乐培训</a>
                        </div>
                        <div class="box1 clearfix">
                            <span>职业技术</span>
                            <a>更多></a>
                        </div>
                        <div class="box2 clearfix">
                            <a>美容化妆</a>
                            <a>会计</a>
                            <a>IT</a>
                            <a>厨艺</a>
                            <a>管理培训</a>
                            <a>摄影培训</a><br>
                            <a>司法考试</a>
                            <a>公务员培训</a>
                            <a>其他职业培训</a>
                        </div>
                        <div class="box1 clearfix">
                            <span>外语培训</span>
                            <a>更多></a>
                        </div>
                        <div class="box2 clearfix">
                            <a>英语</a>
                            <a>日语</a>
                            <a>韩语</a>
                            <a>法语</a>
                            <a>德语</a>
                            <a>汉语</a>
                            <a>俄语</a><br>
                            <a>西班牙语</a>
                            <a>其他外语</a>
                        </div>
                        <div class="box1 clearfix">
                            <span>美术培训</span>
                            <a>更多></a>
                        </div>
                        <div class="box2 clearfix">
                            <a>绘画</a>
                            <a>书法</a>
                            <a>其他美术</a>
                        </div>
                    </div>
                    <div class="details">
                        <div class="box1 clearfix">
                            <span>医疗健康</span>
                            <a>更多></a>
                        </div>
                        <div class="box2 clearfix">
                            <a>医院</a>
                            <a>租车</a>
                            <a>体检中心</a>
                            <a>药店</a>
                            <a>中医</a>
                            <a>其他健康服务</a>
                        </div>
                        <div class="box1 clearfix">
                            <span>爱车</span>
                            <a>更多></a>
                        </div>
                        <div class="box2 clearfix">
                            <a>洗车</a>
                            <a>租车</a>
                            <a>加油站</a>
                            <a>维修保养</a>
                            <a>驾校</a>
                            <a>汽车美容</a>
                            <a>陪练</a><br>
                            <a>汽车用品</a>
                            <a>停车场</a>
                            <a>汽车保险</a>
                            <a>4S店/汽车销售</a><br>
                            <a>更多汽车服务</a>
                            <a>机油保养</a>
                            <a>汽车报价</a>
                            <a>二手车</a>
                            <a>广告驾校</a><br>
                            <a>交警队</a>
                            <a>汽车改装</a>
                            <a>汽车配件</a>
                        </div>
                        <div class="box1 clearfix">
                            <span>宠物</span>
                            <a>更多></a>
                        </div>
                        <div class="box2 clearfix">
                            <a>宠物店</a>
                            <a>宠物医院</a>
                        </div>
                    </div>
                    <div class="details">
                        <div class="box1 clearfix">
                            <span>玩乐</span>
                            <a>更多></a>
                        </div>
                        <div class="box2 clearfix">
                            <a>KTV</a>
                            <a>酒吧</a>
                            <a>密室逃脱</a>
                            <a>游乐游艺</a>
                            <a>网吧网咖</a>
                            <a>私人影院</a><br>
                            <a>DIY手工坊</a>
                            <a>桌面游戏</a>
                            <a>采摘/农家乐</a>
                            <a>棋牌室</a>
                            <a>轰趴馆</a><br>
                            <a>真人CS</a>
                            <a>VR</a>
                            <a>其他玩乐</a>
                        </div>
                    </div>
                </div>
            </div>
            <div class="banner_box">
                <ul>
                    <li></li>
                </ul>
                <div class="arrow_box">
                    <div class="left_btn iconfont icon-zuojiantou"></div>
                    <div class="right_btn iconfont icon-youjiantou"></div>
                </div>
                <div class="dot_box">
                    <!-- <span class="current"></span> -->
                </div>
            </div>
            <div class="item1 item">
                <img src="./images/休闲生活.png">
            </div>
            <div class="item2">
                <div class="submit">
                    <img src="./images/登录logo.jpg">
                </div>
                <h2>Hi! 你好</h2>
                <button class="btn1">注册</button>
                <button class="btn2">立即登录</button>
            </div>
            <div class="item3 item">
                <img src="./images/住酒店.png">
            </div>
            <div class="item4 item">
                <img src="./images/涨姿势.png">
            </div>
            <div class="item5 item">
                <img src="./images/商家合作.png">
            </div>
            <div class="item6 item">
                <img src="./images/二维码.png">
            </div>
        </div>
        <!--猫眼电影-->
        <div class="maoyan_movie">
            <div class="maoyan_total">
                <ul>
                    <li class="mao1 maoyan">猫眼电影</li>
                    <li class="mao1 li1">正在热映
                        <div class="three"></div>
                    </li>
                    <li class="mao1 li2">即将上映</li>
                    <li class="mao4">全部></li>
                </ul>
            </div>
            <div class="coming">
                <div class="box clearfix">
                    <!-- <div class="item_box">
                        <img src="./images/movie/ing1.jpg">
                        <div class="looking">
                            <b>观众评</b>
                            <p class="film-score">9</p>
                            <p class="film-name">沉沉的锅锅真的好沉</p>
                            <span class="film-ticket">购票</span>
                        </div>
                    </div> -->

                </div>
                <div class="left_right">
                    <div class="left_btn iconfont icon-zuojiantou"></div>
                    <div class="right_btn iconfont icon-youjiantou"></div>
                </div>
            </div>
            <div class="willing">
                <div class="box clearfix">
                    <!-- <div class="item_box">
                        <img src="./images/movie/ing1.jpg">
                        <div class="looking">
                            <p class="film-count">9</p>
                            <b>人想看</b>
                            <p class="film-name">沉沉的锅锅真的好沉</p>
                            <span class="film-ticket">预售</span>
                        </div>
                    </div> -->
                </div>
                <div class="left_right">
                    <div class="left_btn iconfont icon-zuojiantou"></div>
                    <div class="right_btn iconfont icon-youjiantou"></div>
                </div>
            </div>



        </div>
        <!--推荐民宿-->
        <div class="hotel">
            <div class="hotel_total">
                <ul class="clearFix">
                    <li class="hotel1 hotel_first">推荐民宿</li>
                    <li class="hotel1 li">天津</li>
                    <li class="hotel1 li">济南</li>
                    <li class="hotel1 li">大连</li>
                    <li class="hotel1 li">太原</li>
                    <li class="hotel1 li">石家庄</li>
                    <li class="hotel1 li">秦皇岛</li>
                    <li class="hotel1 li">呼和浩特</li>
                    <li class="hotel1 li">潍坊</li>
                    <li class="hotel1 li">唐山</li>
                    <li class="hotel1 li">泰安</li>
                    <li class="hote112 li">全部></li>
                </ul>
            </div>
            <div class="hotel_list clearfix">
                <!--大盒子-->
                <div class="fatherList">
                    <!--list1是每一个地方的旅馆6条信息-->
                    <div class="list1 active">
                        <!--每一个-->
                        <!-- <div class="item1">
                                <div class="item_img">
                                    <img class="img1" src="./images/hotel/one/t1.jpg">
                                    <img class="img2" src="./images/hotel/one/t11.jpg">
                                </div>
                                <div class="item_title">
                                    <h2>温馨舒适上好家 金川文化官场附近</h2>
                                    <p>整套
                                        <span>1</span>居室·可住
                                        <span>2</span>人|
                                        <span>西区</span>
                                    </p><br>
                                    <span class="money">￥</span>
                                    <span class="price">158</span>
                                </div>
                            </div> -->
                    </div>
                    <div class="list1 list2">
                    </div>
                    <div class="list1 list3">
                    </div>
                    <div class="list1 list4">
                    </div>
                    <div class="list1 list5">
                    </div>
                    <div class="list1 list6">
                    </div>
                    <div class="list1 list7">
                    </div>
                    <div class="list1 list8">
                    </div>
                    <div class="list1 list9">
                    </div>
                    <div class="list1 list10">
                    </div>
                </div>
            </div>
        </div>
        <!--猜你喜欢-->
        <div class="eat">
            <div class="eat_total">
                <ul class="clearFix">
                    <li class="li1">猜你喜欢</li>
                    <li class="">为你甄选最合适的</li>
                </ul>
            </div>
            <div class="eat_list clearfix">
                <div class="eat_box">
                    <div class="img_box">
                        <img src="./images/eat/10.jpg">
                    </div>
                    <div class="info_box">
                        <h2>沉沉的锅锅真的好沉</h2>
                        <ul class="star">
                            <li class="iconfont icon-star-full"></li>
                            <li class="iconfont icon-star-full"></li>
                            <li class="iconfont icon-star-full"></li>
                            <li class="iconfont icon-star-full"></li>
                            <li class="iconfont icon-star-half"></li>

                        </ul>
                        <span class="score">1827个评价</span>
                        <p class="address">地址</p>
                        <div class="price">
                            ￥<span>23.0</span> 起
                        </div>
                    </div>
                </div>
                <div class="eat_box">
                    <div class="img_box">
                        <img src="./images/eat/10.jpg">
                    </div>
                    <div class="info_box">
                        <h2>沉沉的锅锅真的好沉</h2>
                        <ul class="star">
                            <li class="iconfont icon-star-full"></li>
                            <li class="iconfont icon-star-full"></li>
                            <li class="iconfont icon-star-full"></li>
                            <li class="iconfont icon-star-full"></li>
                            <li class="iconfont icon-star-half"></li>

                        </ul>
                        <span class="score">1827个评价</span>
                        <p class="address">地址</p>
                        <div class="price">
                            ￥<span>23.0</span> 起
                        </div>
                    </div>
                </div>
                <div class="eat_box">
                    <div class="img_box">
                        <img src="./images/eat/10.jpg">
                    </div>
                    <div class="info_box">
                        <h2>沉沉的锅锅真的好沉</h2>
                        <ul class="star">
                            <li class="iconfont icon-star-full"></li>
                            <li class="iconfont icon-star-full"></li>
                            <li class="iconfont icon-star-full"></li>
                            <li class="iconfont icon-star-full"></li>
                            <li class="iconfont icon-star-half"></li>

                        </ul>
                        <span class="score">1827个评价</span>
                        <p class="address">地址</p>
                        <div class="price">
                            ￥<span>23.0</span> 起
                        </div>
                    </div>
                </div>
                <div class="eat_box">
                    <div class="img_box">
                        <img src="./images/eat/10.jpg">
                    </div>
                    <div class="info_box">
                        <h2>沉沉的锅锅真的好沉</h2>
                        <ul class="star">
                            <li class="iconfont icon-star-full"></li>
                            <li class="iconfont icon-star-full"></li>
                            <li class="iconfont icon-star-full"></li>
                            <li class="iconfont icon-star-full"></li>
                            <li class="iconfont icon-star-half"></li>

                        </ul>
                        <span class="score">1827个评价</span>
                        <p class="address">地址</p>
                        <div class="price">
                            ￥<span>23.0</span> 起
                        </div>
                    </div>
                </div>
                <div class="eat_box">
                    <div class="img_box">
                        <img src="./images/eat/10.jpg">
                    </div>
                    <div class="info_box">
                        <h2>沉沉的锅锅真的好沉</h2>
                        <ul class="star">
                            <li class="iconfont icon-star-full"></li>
                            <li class="iconfont icon-star-full"></li>
                            <li class="iconfont icon-star-full"></li>
                            <li class="iconfont icon-star-full"></li>
                            <li class="iconfont icon-star-half"></li>

                        </ul>
                        <span class="score">1827个评价</span>
                        <p class="address">地址</p>
                        <div class="price">
                            ￥<span>23.0</span> 起
                        </div>
                    </div>
                </div>

            </div>
        </div>
        <!--美团导航-->
        <div class="nav_box">
            <div class="nav">美团导航</div>
            <div class="city clearfix">
                <div class="citychd">热门城市</div>
                <ul class="clearfix">
                    <a>
                        <li>上海</li>
                    </a>
                    <a>
                        <li>广州</li>
                    </a>
                    <a>
                        <li>东莞</li>
                    </a>
                    <a>
                        <li>重庆</li>
                    </a>
                    <a>
                        <li>太原</li>
                    </a>
                    <a>
                        <li>福州</li>
                    </a>
                    <a>
                        <li>杭州</li>
                    </a>
                    <a>
                        <li>佛山</li>
                    </a>
                    <a>
                        <li>北京</li>
                    </a>
                    <a>
                        <li>南宁</li>
                    </a><br><br>
                    <a>
                        <li>大连</li>
                    </a>
                    <a>
                        <li>苏州</li>
                    </a>
                    <a>
                        <li>合肥</li>
                    </a>
                    <a>
                        <li>贵阳</li>
                    </a>
                    <a>
                        <li>南京</li>
                    </a>
                    <a>
                        <li>石家庄</li>
                    </a>
                    <a>
                        <li>长沙</li>
                    </a>
                    <a>
                        <li>昆明</li>
                    </a>
                    <a>
                        <li>济南</li>
                    </a>
                    <a>
                        <li>西安</li>
                    </a>
                </ul>
            </div>
            <div class="city clearfix">
                <div class="citychd">热门分类</div>
                <ul class="clearfix">
                    <a>
                        <li>酒店
                            <button class="btn">HOT</button>
                        </li>
                    </a>
                    <a>
                        <li>美食</li>
                    </a>
                    <a>
                        <li>休闲娱乐</li>
                    </a>
                    <a>
                        <li>运动健身</li>
                    </a>
                    <a>
                        <li>生活服务</li>
                    </a>
                    <a>
                        <li>上门服务</li>
                    </a>
                    <a>
                        <li>购物</li>
                    </a>
                    <a>
                        <li>时尚购</li>
                    </a>
                    <a>
                        <li>本地购物</li>
                    </a>
                    <a>
                        <li>结婚</li>
                    </a><br><br>
                    <a>
                        <li>摄影写真</li>
                    </a>
                    <a>
                        <li>宴会</li>
                    </a>
                    <a>
                        <li>丽人</li>
                    </a>
                    <a>
                        <li>母婴亲子</li>
                    </a>
                    <a>
                        <li>学习培训</li>
                    </a>
                    <a>
                        <li>家装</li>
                    </a>
                    <a>
                        <li>汽车服务</li>
                    </a>
                    <a>
                        <li>医疗</li>
                    </a>
                    <a>
                        <li>宠物</li>
                    </a>
                </ul>
            </div>
            <div class="city clearfix">
                <div class="citychd">周边热门</div>
                <ul class="clearfix zhoubian">
                    <a>
                        <li>门头沟区酒店</li>
                    </a>
                    <a>
                        <li>廊坊美食</li>
                    </a>
                    <a>
                        <li>门头沟区去休闲娱乐</li>
                    </a>
                    <a>
                        <li>门头沟区运动健身</li>
                    </a>
                    <a>
                        <li>廊坊生活服务</li>
                    </a>
                    <a>
                        <li>门头沟区上门服务</li>
                    </a>
                    <a>
                        <li>廊坊购物</li>
                    </a>
                    <a>
                        <li>廊坊时尚购</li>
                    </a>
                    <a>
                        <li>大广回族自治县本地购物</li>
                    </a>
                    <a>
                        <li>大厂回族自治县结婚</li>
                    </a><br><br>
                    <a>
                        <li>廊坊摄影写真</li>
                    </a>
                    <a>
                        <li>大厂回族自治县宴会</li>
                    </a>
                    <a>
                        <li>门头沟区丽人</li>
                    </a>
                    <a>
                        <li>门头沟区母婴亲子</li>
                    </a>
                    <a>
                        <li>门头沟区学习培训</li>
                    </a>
                    <a>
                        <li>大广回族自治县</li>
                    </a>
                    <a>
                        <li>廊坊汽车服务</li>
                    </a>
                    <a>
                        <li>大厂回族自治县医疗</li>
                    </a>
                    <a>
                        <li>廊坊宠物</li>
                    </a>
                </ul>
            </div>
        </div>
        <!--用户帮助-->
        <div class="user_box">
            <div class="list_all clearfix">
                <div class="list1 hover">
                    <dl>
                        <dt>用户帮助</dt>
                        <a>
                            <dd>申请退款</dd>
                        </a>
                        <a>
                            <dd>常见问题</dd>
                        </a>
                        <a>
                            <dd>用户协议</dd>
                        </a>
                        <a>
                            <dd>隐私政策</dd>
                        </a>
                        <a>
                            <dd>反诈骗公告</dd>
                        </a>
                        <a>
                            <dd>消费者权益保障</dd>
                        </a>
                    </dl>
                    <dl>
                        <dt>美团服务</dt>
                        <a>
                            <dd>美团外卖</dd>
                        </a>
                        <a>
                            <dd>美团酒店</dd>
                        </a>
                        <a>
                            <dd>猫眼电影</dd>
                        </a>
                        <a>
                            <dd>美团配送</dd>
                        </a>
                        <a>
                            <dd>美团云</dd>
                        </a>
                        <a>
                            <dd>大众点评</dd>
                        </a>
                        <a>
                            <dd>美团民宿</dd>
                        </a>
                        <a>
                            <dd>无人配送</dd>
                        </a>
                        <a>
                            <dd>企业用餐、企业用车、企业差旅</dd>
                        </a>
                    </dl>
                </div>
                <div class="list1 hover">
                    <dl>
                        <dt>商家合作</dt>
                        <a>
                            <dd>美食商家入驻(非外卖)</dd>
                        </a>
                        <a>
                            <dd>美团外卖开店申请</dd>
                        </a>
                        <a>
                            <dd>美团餐饮系统</dd>
                        </a>
                        <a>
                            <dd>美团配送合作申请</dd>
                        </a>
                        <a>
                            <dd>美团餐饮培训</dd>
                        </a>
                        <a>
                            <dd>酒店商家入驻</dd>
                        </a>
                        <a>
                            <dd>境内度假商家入驻</dd>
                        </a>
                        <a>
                            <dd>综合商家入驻</dd>
                        </a>
                        <a>
                            <dd>美团民宿房东商家入驻</dd>
                        </a>
                        <a>
                            <dd>商家申请开票</dd>
                        </a>
                        <a>
                            <dd>美团智能收银机</dd>
                        </a>
                        <a>
                            <dd>美团开放平台</dd>
                        </a>
                        <a>
                            <dd>美团收单</dd>
                        </a>
                        <a>
                            <dd>免费试用美团排队</dd>
                        </a>
                        <a>
                            <dd>快驴进货商家合作</dd>
                        </a>
                        <a>
                            <dd>美团闪购商家入驻</dd>
                        </a>
                        <a>
                            <dd>合作/招聘</dd>
                        </a>
                    </dl>
                </div>
                <div class="list1 hover">
                    <dl>
                        <dt>合作商招募</dt>
                        <a>
                            <dd>美团外卖合作商招募</dd>
                        </a>
                        <a>
                            <dd>到店餐饮合作商招募</dd>
                        </a>
                        <a>
                            <dd>到店综合业务合作商招募</dd>
                        </a>
                        <a>
                            <dd>美团联盟</dd>
                        </a>
                        <a>
                            <dd>美团收银招募线上分销商</dd>
                        </a>
                        <a>
                            <dd>美团收银合作商招募</dd>
                        </a>
                        <a>
                            <dd>美团收单合作商招募</dd>
                        </a>
                        <a>
                            <dd>美团充电宝合作商招募</dd>
                        </a>
                        <a>
                            <dd>美团优选渠道合作商招募</dd>
                        </a>
                        <a>
                            <dd>美团买菜合作商招募</dd>
                        </a>
                    </dl>
                    <dl>
                        <dt>美团规则</dt>
                        <a>
                            <dd>规则中心</dd>
                        </a>
                        <a>
                            <dd>规则目录</dd>
                        </a>
                        <a>
                            <dd>规则评议院</dd>
                        </a>
                    </dl>
                </div>
                <div class="list1 hover">
                    <dl>
                        <dt>关注美团</dt>
                        <a>
                            <dd>美团新浪微博</dd>
                        </a>
                    </dl>
                    <dl>
                        <dt>公司信息</dt>
                        <a>
                            <dd>关于我们</dd>
                        </a>
                        <a>
                            <dd>投资者关系</dd>
                        </a>
                        <a>
                            <dd>加入我们</dd>
                        </a>
                        <a>
                            <dd>商户诚信公约及管理办法</dd>
                        </a>
                        <a>
                            <dd>保险经纪资质</dd>
                        </a>
                    </dl>
                    <dl>
                        <dt>廉政举报</dt>
                        <a>
                            <dd>廉政举报平台</dd>
                        </a>
                    </dl>
                    <dl>
                        <dt>知识产权</dt>
                        <a>
                            <dd>知识产权维护平台</dd>
                        </a>
                    </dl>
                </div>
                <div class="list1">
                    <dl>
                        <dt>消费者服务热线</dt>
                        <dd>外卖消费者:101109777</dd>
                        <dd>猫眼消费者:10105335</dd>
                        <dd>其他消费者:10107888</dd>
                    </dl>
                    <dl>
                        <dt>商家服务热线</dt>
                        <dd>外卖&餐饮商家:10105557</dd>
                        <dd>休闲娱乐、丽人、ktv、教育、结婚、亲子、家装等商家:10100107</dd>
                    </dl>
                    <br>
                    <dl>
                        <dt>投诉举报专区</dt>
                        <dd>违法和不良信息举报电话:4006018900</dd>
                        <dd>举报邮箱:tousujubao@meituan.com</dd>
                        <dd>网上有害信息举报</dd>
                        <dd>注:以上渠道均可投诉举报设计未成年人的和违法和不良信息</dd>
                    </dl>
                    <br>
                    <dl>
                        <a>
                            <dt>商家自助入驻美团入口</dt>
                        </a>
                    </dl>
                    <dl>
                        <a>
                            <dt>供应商注册入口</dt>
                        </a>
                    </dl>
                </div>

            </div>
        </div>

        <!--底部备案-->
        <div class="happy">
            <div class="hap_box clearfix">
                <div class="happy_left">
                    <p class="pp">©美团网团购 meituan.com
                        <a>京ICP证070791号</a>
                        <a>京ICP备10211739号-1</a>
                    </p>
                    <p><a>广播电视节目制作经营许可证（京）字第03889号</a></p>
                    <p><a>互联网药品信息服务资格证 (京)-经营性-2017-0014</a></p>
                    <p><a>医疗器械网络交易服务第三方平台备案:（京）网械平台备字[2018]第00004号</a></p>
                    <p><a>平台EDI许可证</a></p>
                </div>
                <div class="happy_right">
                    <div class="prev_father">
                        <div class="prev">
                            <img class="small" src="./images/smallPolice.png">
                            <a>
                                <p>京安网安备11000002002052号</p>
                            </a>
                        </div>
                    </div>





                    <div class="next">
                        <img class="big" src="./images/police.png">

                        <a>
                            <p>北京三快科技有限公司</p>
                        </a>
                        <img class="red" src="./images/111.png">
                        <img class="green" src="./images/12315.png">
                    </div>
                </div>
            </div>
        </div>










        <!-- <div class="ceshi">一个di测试的</div> -->
    </div>
</body>

</html>
<script src="./js/jquery.min.js"></script>
<script src="./js/index.js"></script>